@import "../back-base";
.search_city{
   position: absolute;
   left:80px;
    top:140px;
   width: 250px;
  >.input-group-addon{
    padding: 2px 8px;
    >i.search_icon{
      background: url("../../../img/icon/icon06.png") no-repeat;
      background-size: 95% 95%;
      width: 18px;
      height: 18px;
      display: inline-block;
    }
  }
}
.fault_type{
  position: absolute;
  right:30px;
  top:180px;
  width:123px;
  height: 165px;
  padding: 8px 0;
  background: #fff;
  border: 1px solid #C5CAD0;
  >li{
     width: 100%;
     height: 30px;
     line-height: 30px;
     padding-left: 20px;
    >i{
        display: inline-block;
        vertical-align: middle;
        background-size: 95% 95%;
        width: 14px;
        height: 19px;
      margin-right: 20px;
       &.on_incon{
         background: url("../../../img/icon/icon_open.png") no-repeat;
       }
      &.off_incon{
        background: url("../../../img/icon/icon_close.png") no-repeat;
      }
      &.fault_icon{
        background: url("../../../img/icon/icon_guzhang.png") no-repeat;
      }
      &.not_incon{
        background: url("../../../img/icon/icon_part.png") no-repeat;
      }
      &.offline_icon{
        background: url("../../../img/icon/icon_lixian.png") no-repeat;
      }
    }
     >span{
       display: inline-block;
        font-size: 14px;
       vertical-align: middle;
     }
  }
}
.map_tap{
   position: absolute;
  display: none;
   bottom: 0;
   left:0;
   width: 100%;
   height:300px;
  background-color: #fff;
}
.add_hide{
     height:230px;
     position: relative;
  >ul.group_list{
    height:180px;
    overflow: auto;
     li{
         margin-bottom: 10px;
         >span{
            font-size: 14px;
            margin-left: 20px;
            float: left;
         }
         >button.btn{
             float: right;
             margin: 0 5px;
           &.btn-red{
              background: #FF0036;
             line-height: 23px;
             color: #fff;
           }
         }
     }
  }
  >button.primary_btn{
     position: absolute;
     bottom: 3px;
      margin-top:18px;
     left:50%;
     margin-left: -69px;
  }
}
.detail_tem{
  display: none;
   position: absolute;
   width: 280px;
   background: #fff;
   height: 300px;
   overflow: auto;
   padding: 0px 10px 20px  10px;
   left:0;
   top:30%;
  h4{
    height:30px;
     a.close_btn{
        float: right;
        width: 25px;
        height: 25px;
       font-size: 18px;
       line-height: 25px;
       margin-top: 10px;
       text-align: center;
     }
  }
  table{
      width: 100%;
     th,td{
       padding: 5px 10px;
       border:1px solid #CCC;
       text-align: center;
     }
  }
}
.map_tap{
   .btn_group{
      border-radius: 3px;
      border:1px solid #CCC;
     position: relative;
      button{
          background: #fff;
          border: none;
          padding: 8px 20px;
          outline: none;
        &.active{
           background: @btnBackgroundColor;
           border: none;
           color: #fff;
        }
      }
     a{
       width:25px;
       height:25px;
       position: absolute;
       right:5px;
       top:10px;
        /*background: url("../../../img/icon/gaojing.png") no-repeat;*/
     }
   }
  .content_tap{
    overflow: auto;
    height: 260px;
    >li{
      display: none;
      margin: 10px 20px;
      overflow: auto;
      &.cur{
          display: block;
      }
      .row{
         margin-bottom: 10px;
         .col-xs-5{
            padding:0;
           text-align: center;
         }
        .col-xs-7.input_xs{
          padding: 0 5px;
          color: #555;
          border-radius: 3px;
          border: 1px solid #CCC;
          box-shadow: none;
          outline: none;
          vertical-align: top;
          &:read-only {
            background-color: #eee;
          }
        }
      }
      dl.light_list{
         dd{
           border: 1px solid #CCC;
           margin-bottom: 5px;
           padding: 10px;
            p,.row{
              font-size: 14px;
              margin: 0;
            }
         }
      }
    }
  }
}
.User_grade{
  width:700px;
  margin:10px 0 20px 0;
  overflow:hidden;
}
.User_grade .left_title{
  display: inline-block;
  width: 30%;text-align: center;
  border-right: 1px solid #eee;
  line-height: 95px;
  h4{
    text-align: center;width: 100%;margin: 5px 0;
  }
  p{
     line-height: 22px;
    >span{
      text-align: center;width: 100%;display: inline-block;
    }
  }
}
.User_ratings .ratings_bars{
  width:65%;height:27px;
  margin-top:10px;margin-left:10px;
  display:inline-block;
   >p{
       margin-bottom: 10px;
   }
}
.User_ratings .ratings_bars .title0{
  width:25px;height:25px;
  text-align:center;border:1px solid #bfbebe;
  line-height:25px;font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;float:left;color:#a0a0a0;
  margin-right:10px;background:#fff;
}
.User_ratings .ratings_bars .bars_10{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;line-height:25px;
  float:left;color:#a0a0a0;
}
.User_ratings .ratings_bars .scale{
  width:100%;height:13px;
  float:left;position:relative;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  div{
    position:absolute;
    width:0;left:0;height:13px;bottom:0;
    background:#72BA4A;
    border-radius: 5px 0 0 5px;
  }
  span{
    width:10px;height:26px;
    position:absolute;left:-2px;top:-7px;
    cursor:pointer; background:#72BA4A;
    border-radius: 5px;
  }
}
.User_ratings .ratings_bars .num_info{
  width: 100%;font-size: 0;
  margin-top:30px;
  p{
    width: 33.333%;display: inline-block;font-size: 14px;
    &.info1{
      text-align: left;
    }
    &.info2 {
      text-align:center;
    }
    &.info3{
      text-align: right;
    }
  }
}
